HTML COM ACESSIBILIDADE

Lista desordenada ou não numerada

O estilo de lista desordenada, também conhecido por não numerada, insere um símbolo gráfico (bullet) ao lado esquerdo de cada uma das informações, a fim de identificá–las individualmente como itens de uma lista. O resultado apresentado por este estilo de lista é idêntico ao efeito produzido na inserção do recurso de marcadores, disponível em alguns editores de textos, como por exemplo, no Microsoft Word.

Sintaxe utilizada para a inserção de listas desordenadas:
<ul> - Tag utilizada para abertura da lista desordenada (UL = Unordered List).
<li> - Tag utilizada para a inserção de cada novo item da lista.
</ul> - Tag utilizada para o fechamento da lista desordenada.

A tag <li> deverá ser inserida antes de cada novo item da lista, não sendo necessário fechá-la com </li> ao término da descrição.

Atributo (type):

O atributo (type) é utilizado para definir qual símbolo gráfico (bullet) entre os três disponíveis deverá ser inserido juntamente com os itens da lista. Os valores possíveis são:
Type="disc" – Insere um círculo preenchido.
Type="circle" – Insere um círculo vazio.
Type="square" – Insere um quadrado preenchido.

O atributo (type) poderá ser usado tanto com a tag <ul> (definindo o símbolo para todos os itens da lista), quanto com a tag <li> personalizando apenas os itens desejados.

Observe com atenção a distribuição dos comandos HTML (tags) na construção do documento, no exemplo ao lado.

<html>
<head>
<title> LISTA DESORDENADA OU NÃO NUMERADA </title>
</head>
<body>
<br><br>
<center><font face="comic sans ms, verdana, sans-serif" size="4" color="#000099"><b> LISTA DESORDENADA OU NÃO NUMERADA </b></font></center>
<br><br>
<font face="arial" size="3" color="#000000">
<p align="justify"> O território brasileiro é dividido em cinco regiões.</p>
<br>
<p align="justify"> Regiões do Brasil:</p>
<ul type="square">
<li> Norte
<li> Nordeste
<li> Centro-oeste
<li> Sudeste
<li> Sul
</ul>
</font>
</body>
</html>

Pressione ENTER para retornar a página anterior.Pressione ENTER para retornar ao Menu. Pressione ENTER para avançar para a próxima página.